<template>
  <div class="slide">
    <cube-slide :data="items">
      <cube-slide-item v-for="(item,index) in items" class="item" :key="index">
        <img class="img" :src="imgUrl(item.img)" alt="">
      </cube-slide-item>
    </cube-slide>
  </div>
</template>

<script>
import { QI_NIU_URL } from '../../../app.config'

export default {
  props: {
    items: Array
  },
  methods: {
    imgUrl (img) {
      return QI_NIU_URL + img
    }
  },
  components: {}
}
</script>

<style scoped lang="stylus">
  .slide
    width 100%
    background-color #F5F4F7
    padding-top 0.47rem
    .item
      padding 0.3rem 0.3rem
      .img
        height 4.49rem
        box-shadow:3px 6px 8px 1px rgba(0, 102, 131, 0.35);
        border-radius 0.27rem
        width 100%
</style>
